.TeacherManage {
  padding: 20px;

  .title {
    font-weight: bold;
    padding-bottom: 5px;
  }

  .hr {
    border: 1px solid #ececec;
  }

  .form {
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    flex-wrap: wrap;

    .ant-form-item {
      height: 20px;
    }

    .institution {
      width: 270px;
      margin-left: 10px;
    }

    .sex {
      width: 100px;
      margin-left: 10px;
    }

    .degree {
      width: 180px;
      margin-left: 10px;
    }

    .face {
      width: 180px;
      margin-left: 10px;
    }

    .subject {
      width: 200px;
      margin-left: 10px;
    }

    .identity {
      width: 270px;
    }

    .qualification {
      width: 270px;
      margin-left: 10px;
    }

    .qualstate {
      width: 200px;
      margin-left: 10px;
    }

    .tqualtype {
      width: 200px;
      margin-left: 10px;
    }

    .time {
      margin-left: 10px;
    }

    .btn {
      margin-right: 10px;
      color: #1677ff;
    }

    .btn1 {
      color: #1677ff;
      margin-right: 10px;
      margin-left: 10px;
    }
  }
}

.todate {
  color: black;
  cursor: default;
}
.todate:hover {
  color: black;
}
.ant-modal-content {
  width: 680px;
}
.items {
  display: flex;
  flex-wrap: wrap;
}
.clear {
  margin-right: 10px;
}
.pass-box {
  width: 300px;
}
.noPass {
  color: #fc6080;
}
.noPass:hover {
  color: #fc6080;
}
.tname:hover {
  color: #1677ff;
}
.black {
  margin-left: 10px;
}
.del {
  color: #fc6080;
}
.del:hover {
  color: #fc6080;
}